<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><style>.t{background:#000;width:100%;height:300px}@media screen and (min-width:1024px) and (max-width:1300px){.t{background:#00f}}@media screen and (min-width:641px) and (max-width:1023px){.t{background:#faad14}}@media screen and (max-width:640px){.t{background:red}}</style><title>Title</title></head><body><div class="t"></div></body></html>